<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>

<body ng-app="myApp" ng-controller="MyCtrl">
<!--
1. 理解服务
  * 为所有的controller服务的对象(单例), 具有特定的功能
  * 可以是Object对象, 函数或数组
  * Angular内置多个服务(都以$开头), 在controller函数中可以声明注入服务并直接使用
  * 我们也可以自定义服务(私人定制)
2. 常用的内置服务
  * $rootScope与$scope
  * $filter
  * $timeout 与 $interval
  * $http

3. 脏数据检查：
    * 页面数据发生变化页面想要实时更新显示最新数据需要进行脏数据检查
    * angular定义的回调函数会自动进行脏数据检查
    * 非angular定义的回调函数不会进行脏数据检查
-->


<p>{{age}}</p>
<p>{{msg}}</p>
<p>{{msg1}}</p>
<!--实时显示当前日期时间-->

<p>{{date | date:'yyyy-MM-dd HH:mm:ss'}}</p>
<p>{{content}}</p>

<script type='text/javascript' src="../../js/angular-1.5.5/angular.js"></script>
<script type="text/javascript">
    angular.module('myApp', [])
            .controller('MyCtrl', ['$scope', '$rootScope', '$filter', '$interval','$timeout', function ($scope, $rootScope, $filter, $interval, $timeout) {
                $rootScope.age = 12;
                $scope.msg = 'atguigu.com NBA';
                $scope.msg1 = $filter('json')($scope.msg);
                $scope.date = new Date();
//                setInterval(function () {//原生js的回调函数不会自动进行脏数据检查
//                    console.log('dddddddd');
//                    $scope.date = new Date();
//                }, 1000)

                $interval(function () {
                    console.log('dddddddd');
                    $scope.date = new Date();
                }, 1000);
                $scope.content = '正在取钱。。。';

                $timeout(function () {
                    $scope.content = '先给你一个亿拿去花。。。';
                }, 2000);
            }])
</script>
</body>

</html>